<template>
  <div ref="appRef" class="overviewBox">
    <commonHeader />
  </div>
</template>

<script>
import drawMixin from '@/utils/drawMixin'
import screenCommon from '@/utils/screenCommon'
import commonHeader from '../components/commonHeader.vue'
export default {
  components: {
    commonHeader
  },
  mixins: [drawMixin, screenCommon],
  data() {
    return {

    }
  },
  mounted() {

  },
  methods: {

  }
}

</script>
<style scoped lang='scss'>
.overviewBox{
  width: 1920px;
  height: 1080px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transform-origin: left top;
  overflow: hidden;
  background: url('~@/assets/bigScreen/bigScreenBg.jpg') center no-repeat;
  background-size: cover;
}
</style>
